{% extends "base.html" %}

{% block content %}

<div class="section-title">
    <span class="eyebrow">PRE-KALOTSAVAM</span>
    <h2>Participant Items</h2>
</div>


{% if user.is_superuser %}

<form method="get" class="toolbar">

    <select name="school" onchange="this.form.submit()">

        <option value="">
            All Schools
        </option>

        {% for school in schools %}

        <option
            value="{{ school.id }}"
            {% if selected_school and selected_school.id == school.id %}
                selected
            {% endif %}
        >
            {{ school.code }} - {{ school.name }}
        </option>

        {% endfor %}

    </select>

</form>

{% endif %}


<table>

    <thead>

        <tr>

            <th>Chest No</th>

            <th>Admission No</th>

            <th>Participant Name</th>

            <th>Section</th>

            <th>Item 1</th>

            <th>Item 2</th>

            <th>Item 3</th>

            <th>Item 4</th>

            <th>Item 5</th>

            <th>Action</th>

        </tr>

    </thead>


    <tbody>

        {% for row in rows %}

        {% with p=row.participant %}

        <tr>

            <form method="post">

                {% csrf_token %}

                <input
                    type="hidden"
                    name="participant_id"
                    value="{{ p.id }}"
                >


                <td>
                    {{ p.chest_no|default:"-" }}
                </td>


                <td>
                    {{ p.admission_no }}
                </td>


                <td>
                    {{ p.name }}
                </td>


                <td>
                    <strong>{{ p.section }}</strong>
                </td>


                <!-- ITEM 1 -->

                <td>

                    <select name="item1">

                        <option value="">
                            -- Select --
                        </option>

                        {% for item in row.section_items %}

                        <option
                            value="{{ item.id }}"
                            {% if row.assigned_ids.0 == item.id %}
                                selected
                            {% endif %}
                        >

                            {{ item.name }} - {{ item.code }}

                        </option>

                        {% endfor %}

                    </select>

                </td>


                <!-- ITEM 2 -->

                <td>

                    <select name="item2">

                        <option value="">
                            -- Select --
                        </option>

                        {% for item in row.section_items %}

                        <option
                            value="{{ item.id }}"
                            {% if row.assigned_ids.1 == item.id %}
                                selected
                            {% endif %}
                        >

                            {{ item.name }} - {{ item.code }}

                        </option>

                        {% endfor %}

                    </select>

                </td>


                <!-- ITEM 3 -->

                <td>

                    <select name="item3">

                        <option value="">
                            -- Select --
                        </option>

                        {% for item in row.section_items %}

                        <option
                            value="{{ item.id }}"
                            {% if row.assigned_ids.2 == item.id %}
                                selected
                            {% endif %}
                        >

                            {{ item.name }} - {{ item.code }}

                        </option>

                        {% endfor %}

                    </select>

                </td>


                <!-- ITEM 4 -->

                <td>

                    <select name="item4">

                        <option value="">
                            -- Select --
                        </option>

                        {% for item in row.section_items %}

                        <option
                            value="{{ item.id }}"
                            {% if row.assigned_ids.3 == item.id %}
                                selected
                            {% endif %}
                        >

                            {{ item.name }} - {{ item.code }}

                        </option>

                        {% endfor %}

                    </select>

                </td>


                <!-- ITEM 5 -->

                <td>

                    <select name="item5">

                        <option value="">
                            -- Select --
                        </option>

                        {% for item in row.section_items %}

                        <option
                            value="{{ item.id }}"
                            {% if row.assigned_ids.4 == item.id %}
                                selected
                            {% endif %}
                        >

                            {{ item.name }} - {{ item.code }}

                        </option>

                        {% endfor %}

                    </select>

                </td>


                <!-- ACTION -->

                <td>

                    <button
                        type="submit"
                        class="btn primary small"
                    >
                        Save
                    </button>

                </td>

            </form>

        </tr>

        {% endwith %}

        {% empty %}

        <tr>

            <td colspan="10">
                No participants found.
            </td>

        </tr>

        {% endfor %}

    </tbody>

</table>


{% endblock %}